<template>
    <div>
        <footer>
      <div class="ftbox">
        <div class="leftext" v-for="ftr in dizhi" :key="ftr.dizhi">
          <p>{{ftr.gongsi}}</p>
          <p>{{ftr.dianhua}}</p>
          <p>{{ftr.dizhi}}</p>
        </div>
        <div class="erweima" v-for="weixin in wxs" :key="weixin.wxs">
          <p>
            <img :src="weixin.img" alt />
          </p>
          <p>{{weixin.wx}}</p>
        </div>
      </div>
    </footer>
    <div class="bottom" v-for="bft in ftp" :key="bft.id">
      <p>{{bft.hhh}}</p>
    </div>
    </div>
</template>
<script>
// @ is an alias to /src
// import HelloWorld from "@/components/HelloWorld.vue";
import Footer from "@/components/bott.vue";
import Top from "../components/top.vue";
import Bott from "../components/bott.vue";

export default {
  name: "HomeView",
  components: {
    // HelloWorld,
    Footer,
    Top,
    Bott
},
  data() {
    return {
      id: 1,
      colors: true,
      dizhi: [
        {
          gongsi: "山东柏瑞设计有限公司",
          dianhua: "联系电话：18317093686",
          dizhi:
            "地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）"
        }
      ],
      wxs: [
        {
          img: require("../assets/erweima.png"),
          wx: "微信公众号"
        }
      ],
      ftp: [
        {
          hhh:
            "Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1"
        }
      ],
    };
  },
  methods: {
    mose(id) {
      this.id = id;
      // console.log(dnm.id)
    }
  }
};
</script>